<!DOCTYPE html>
<html lang="zh-CN">

	<head>

		<meta charset="utf-8" />
		<title>城市详情</title>
		<meta name="renderer" content="webkit" />
		<meta http-equiv="mobile-agent" content="format=html5; url=http://m.liantu.cn/daoyou/xiamen/" />
		<meta name="keywords" content="厦门导游,厦门私人导游 厦门旅游导游,厦门导游服务" />
		<meta name="description" content="联途提供专业厦门导游服务，包含厦门最新导游信息，出游时方便您快速找到最合适的导游，让您愉快旅行。" />
		<meta http-equiv="Cache-Control" content="no-transform" />
		<link rel="shortcut icon" href="images/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/city.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

		<script type="text/javascript" src="js/userMsg.js"></script>
		<script type="text/javascript" src="js/vue.min.js"></script>
		<script type="text/javascript" src="js/tongyou_add.js"></script>
		<script type="text/javascript" src="js/jingdian.js"></script>
		<script type="text/javascript" src="js/citysList.js"></script>

		<script type="text/javascript">
			var TU = {
				wwwUrl: 'http://www.liantu.cn',
				myUrl: 'http://my.liantu.cn',
				imageUrl: 'http://static.liantu.cn/image/',
				domain: 'liantu.cn',
				today: '2016-03-08',
				mobile_agent: 'http://m.liantu.cn/daoyou/xiamen/'
			};
			var isMobi = (function() {
				var u = navigator.userAgent.toLowerCase();
				return u.indexOf("mobi") > 0 || u.indexOf("nexus 7") > 0 || u.indexOf("480") > 0;
			})();
			if(isMobi && TU.mobile_agent != '') {
				location.href = TU.mobile_agent;
			}
		</script>
		<script type="text/javascript" id="js-prelogin" src="js/cas.js"></script>
		<script type="text/javascript" src="js/jquery.seajs.js" id="seajsnode"></script>

		<!--[if lte IE 8]>
      <script type="text/javascript">
      $(function(){
      var $body=$('body');
      var $window =  $(window);
      $window.resize(function() {
      var width = $window.width();
      if(width<768){
      $body.addClass("media-small").removeClass("media-medium");
      }else if(width<1300){
      $body.addClass("media-medium").removeClass("media-small");
      }else{
      $body.removeClass("media-small").removeClass("media-medium");
      }
      }).resize();
      });
      </script>
      <![endif]-->
	</head>

	<body onload="jingdian()">
		<div class="wrapper">
			<div class="header">
				<div class="mod-head">
					<div class="bg"></div>
					<div class="box">
						<div class="logo">
							<a href="index.html"><img src="images/logo.png" alt="联途" /></a>
						</div>
						<div class="J_search search">
							<div class="sbox">
								<input type="text" class="text" placeholder="输入想去的地方（例如：北京）" />
								<span class="ico"><span></span></span>
							</div>
						</div>
						<div class="login pl-login-info" id="pl-login-info">
							<div class="link">
								<a href="apply2.html" id="sqdy" target="_blank">申请成为向导</a>
								<br />
							</div>
							<div class="login pl-login-info" id="pl-login-info">
								<div class="info">
									<a href="signin.html" id="logining">登录</a>
									&nbsp;&nbsp;
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="full-column" id="cityBgm">
					<img :src='getImgUrl(clist.gui_province	)' />
					<div class="mod-sort" data-id="1275">
						<h1>{{clist.gui_province}}</h1>
						<h2>{{getPingYin(clist.gui_province)}}</h2>
					</div>
				</div>
				<div class="inner">
					<div class="main">
						<div class="mod-step">
							<div class="step">
								<dl>
									<dt>
                                    1
                                    </dt>
									<dd>
										找到心仪的导游
										<br /> 并提交预订申请
									</dd>
								</dl>
								<dl>
									<dt>
                                    2
                                    </dt>
									<dd>
										等待导游
										<br /> 处理您的申请
									</dd>
								</dl>
								<dl>
									<dt>
                                    3
                                    </dt>
									<dd>
										申请被接受
										<br /> 支付费用
									</dd>
								</dl>
								<dl>
									<dt>
                                    4
                                    </dt>
									<dd>
										快乐享受旅行
										<br /> 最后给导游评价
									</dd>
								</dl>
							</div>
						</div>

						<div class="mod-list" id="daoyou">
							<ul class="data" data-type="daoyou">

								<li class="J_blocklink" v-for="(info,index) of dlist">
									<a :href='getGuihref(info.gui_id)' target="_blank" class="pic"><img :src='getImgUrl(info.uinfo.user_img)' alt="陈艳" width="200" height="200" /></a>
									<div class="name"><span :class='getClass(info.gui_sex)'>{{info.gui_name}}</span></div>
									<p class="add"><span>{{info.gui_province}}&nbsp;•&nbsp;{{info.gui_city}}&nbsp;&nbsp;</span>
										<span>{{getage(info.uinfo.user_age)}}</span>
									</p>
									<div class="service">
										<span v-for="(sinfo,index) of getGuiService(info.gui_id)">{{sinfo.ser_name}}</span>
									</div>
									<p class="info">{{info.gui_details}} </p>
									<div class="price">
										<span class="unit">￥<span>{{getGuiService(info.gui_id)[0].ser_price}}</span>元/天</span>{{getCar(info.gui_car)}}
									</div>
									<div class="ft">
										<p> <span class="order">预约量：{{getOrders1(info.gui_id)}}</span> </p>
									</div>
								</li>

								<!--<li class="J_blocklink">
									<a href="/daoyou/65537.html" target="_blank" class="pic"><img src="images/65537.png" alt="Tony" width="200" height="200" /></a>
									<p class="name"><span class="man">Tony</span></p>
									<p class="add"><span>福建 • 厦门，95后</span></p>
									<div class="service">
										<span>伴游向导</span>
										<span>陪同翻译</span>
										<span>跟拍摄像</span>
									</div>
									<p class="info"> </p>
									<div class="price">
										<span class="unit">￥<span>1000.00</span>元/天</span> (不含车)
									</div>
									<div class="ft">
										<p>  <span class="order">预约量：0</span> <span class="nice">颜值：0%</span> </p>
									</div>
								</li>-->
							</ul>
							<div class="more">
								<a href="javascript:"><span></span>查看更多导游</a>
							</div>
						</div>
						<div class="mod-spot mod-hot">
							<div class="hd">
								<span class="tit"><a href="/jingdian/14/1231/" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;旅游景点</a></span>
								<span>/</span>
								<a href="jingdian.html" class="hmore" target="_blank" title="旅游景点">更多</a>
							</div>
							<div class="bd" id="jd">
								<div class="spot">
									<ul>
										<li v-for="info of list">
											<a :href='getplaceUrl(info.place_name)' target="_blank">{{info.place_name}}</a> <span class="address">{{info.place_address}}</span> </li>
										<!--<li>
											<a href="/jingdian/1332.htm" target="_blank">嘉庚公园</a> <span class="address">厦门市集美区鳌园路24号</span> </li>
										<li>
											<a href="/jingdian/1328.htm" target="_blank">海沧大桥</a> <span class="address">厦门市湖里区海沧大桥周边</span> </li>
										<li>
											<a href="/jingdian/1325.htm" target="_blank">厦门万石植物园</a> <span class="address">厦门市思明区虎园路25号</span> </li>-->
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="mod-back">
					<span class="qrcode"> <span class="ico"></span> <img src="images/qrcode.jpg" alt="联途微信二维码" width="200" height="200" />官方微信服务号 </span>
					<a href="javascript:" class="code" id="code"></a>
					<a href="index.html" class="customer"></a>
					<a href="#" class="goback"></a>
				</div>
				<div class="mod-foot">
					<div class="info">
						<div class="contact">
							<p class="logo">
								<a href="index.html"><img src="images/logo.png" alt="联途" width="136" height="50" /></a> <span>同行之路，有你才有意义</span> </p>
							<p class="tell">4006 666863</p>
							<p>24小时服务热线</p>
						</div>
						<dl>
							<dt>
                            公司信息
                            </dt>
							<dd>
								<a href="about.html" target="_blank" rel="nofollow">关于我们</a>
							</dd>
							<dd>
								<a href="copyright.html" target="_blank" rel="nofollow">免责声明</a>
							</dd>
							<dd>
								<a href="contact.html" target="_blank" rel="nofollow">联系我们</a>
							</dd>
							<dd>
								<a href="join.html" target="_blank" rel="nofollow">加入我们</a>
							</dd>
						</dl>
						<dl>
							<dt>
                            帮助中心
                            </dt>
							<dd>
								<a href="xieyi.html" target="_blank" rel="nofollow">用户协议</a>
							</dd>
							<dd>
								<a href="safe.html" target="_blank" rel="nofollow">安全保障</a>
							</dd>
							<dd>
								<a href="process.html" target="_blank" rel="nofollow">预定流程</a>
							</dd>
						</dl>
						<dl class="app">
							<dt>
                            发现
                            </dt>
							<dd>
								<a href="/app/" target="_blank">Android客户端</a>
							</dd>
							<dd>
								<a href="/app/" target="_blank">iOS客户端</a>
							</dd>
							<dd>
								<a href="/app/huilv/" target="_blank">联途汇率</a>
							</dd>
							<dd>
								<a href="/app/tongyou/" target="_blank">联途同游</a>
							</dd>
						</dl>
					</div>
					<div class="copyright">
						<a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">闽ICP备15007411号-1</a> Copyright &copy; 2016 liantu.cn, All Rights Reserved stat
					</div>
				</div>
			</div>
		</div>
		<!--<script type="text/javascript">
			(function() {
				var $info3 = $('.pl-login-info');
				PL.init({
					domain: 'http://my.liantu.cn',
					callback: function(nickName, html) {
						!PL.MID ? (function() {
							html.push('<div class="info"><a href="signin.html" id="login">登录</a></div>');
						})() : (function() {
							var num = PL.type ? (PL.merchantlaunchordernum + PL.merchantordernum) : PL.memberordernum;
							html.push('<div class="user">' + (num > 0 ? '<span class="num"><span>' + num + '</span></span>' : '') + '<img src="' + PL.avatar + '" alt="' + nickName + '" width="40" height="40"/><span class="name">' + nickName + '</span><span class="ico"></span></div>');
							if(PL.type) {
								html.push('\
      <div class="list">\
      <div class="ico"></div>\
      <ul>\
      <li class="d-pc"><a href="http://my.liantu.cn/merchant/">商户信息</a></li>\
      <li><a href="http://my.liantu.cn/merchant/order/reserve/">' + (PL.merchantlaunchordernum ? '<span class="num"><span>' + PL.merchantlaunchordernum + '</span></span>' : '') + '预约管理</a></li>\
      <li><a href="http://my.liantu.cn/merchant/order/">' + (PL.merchantordernum ? '<span class="num"><span>' + PL.merchantordernum + '</span></span>' : '') + '订单管理</a></li>\
      <li class="d-m"><a href="http://my.liantu.cn/merchant/account/">我的钱包</a></li>\
      <li class="d-m"><a href="/banyou/">伴游</a></li>\
      <li class="d-m"><a href="/daoyou/">导游</a></li>\
      <li class="d-m"><a href="/tongyou/">同游</a></li>\
      <li class="d-pc"><a href="javascript:;" onclick="TU.logout();">退出</a></li>\
      </ul>\
      </div>');
							} else {
								html.push('\
      <div class="list">\
      <div class="ico"></div>\
      <ul>\
      <li class="d-pc"><a href="member_info.html">个人信息</a></li>\
      <li><a href="member_order.html">' + (PL.memberordernum > 0 ? '<span class="num"><span>' + PL.memberordernum + '</span></span>' : '') + '我的订单</a></li>\
      <li><a href="member_tongyou.html">我的同游</a></li>\
      <li class="d-m"><a href="http://my.liantu.cnmember_withdraw.html">我的钱包</a></li>\
      <li class="d-m"><a href="/banyou/">伴游</a></li>\
      <li class="d-m"><a href="/daoyou/">导游</a></li>\
      <li class="d-m"><a href="/tongyou/">同游</a></li>\
      <li class="d-pc"><a href="javascript:" onclick="TU.logout();">退出</a></li>\
      </ul>\
      </div>');
							}
						})();
						if(!pl_status && !PL.type) {
							var div = document.createElement('div');
							div.className = 'link';
							var $info = document.getElementById('pl-login-info');
							if($info) {
								$info.parentNode.insertBefore(div, $info);
							}
						}
						pl_status = 1;
					}
				});
			})();
			var pl_status = 0;
		</script>-->

		<script type="text/javascript">
			seajs.config({
				base: 'http://static.liantu.cn/script/dist',
				paths: {
					'modules': 'http://static.liantu.cn/script/dist'
				},
				map: [
					[/^(.*?\/script\/(?:src|dist)\/.*?\/.*?\.js$)(?:.*)$/i, '$1?version=v1']
				],
				charset: 'utf-8'
			});
			//			seajs.use('modules/www/public/common.js');
			seajs.use('modules/www/guide/city.js');
		</script>
		<script src="js/Convert_Pinyin.js"></script>
		<script type="text/javascript" src="js/city_detail.js"></script>

		<div class="hide">

			<script type="text/javascript">
				var c = new Vue({
					el: "#cityBgm",
					data: {
						clist: GetRequest()
					},
					methods: {
						getImgUrl(item) {

							var url = 'http://114.55.145.243:8080/img/img/cityBgm_' + onCityIndex(item) + '.jpg';
							return url
						},
						getPingYin(item) {
							return pinyin.getFullChars(item)
						}
					}
				})
			</script>
		</div>

	</body>

</html>